/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    欢迎页面     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Welcome {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 6vw;
    padding-right: 6vw;
    box-sizing: border-box;

    > a {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 8vw;
      height: 8vw;
      line-height: 3vw;
      padding-left: 0.6vw;
      border-radius: 1vw;
      box-sizing: border-box;
      letter-spacing: 0.6vw;
      font-size: 2vw;
      text-decoration: none;
      color: #333 !important;
      transition: 0.3s;
      cursor: pointer;

      &:empty {
        cursor: not-allowed;
      }
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     标准版      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Welcome .Welcome-bz {
  height: 35vh;
  padding-top: 5vh;
  background: #f0f2f5;

  /* ============================== 链接 ============================== */
  > a {
    border: 1px solid #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    background: var(--White7);

    /* —————————————————————————————— 悬浮 —————————————————————————————— */
    &:not(:empty):hover {
      box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.3);
      background: var(--White9);
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     安防版      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Welcome .Welcome-af {
  height: 30vh;
  background-size: 100% 100%;

  /* ============================== 链接 ============================== */
  > a {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 2px 1px rgba(255, 255, 255, 1);

    /* —————————————————————————————— 悬浮 —————————————————————————————— */
    &:not(:empty):hover {
      background: rgba(255, 255, 255, 0.4);
      box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.7);
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     科技版      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Welcome .Welcome-kj {
  height: 35vh;
  padding-bottom: 5vh;
  background: #08152f;

  /* ============================== 链接 ============================== */
  > a {
    color: #ddd !important;
    border: 1px solid #000;
    box-shadow: 0px 2px 8px 0px rgba(255, 255, 255, 0.15);
    background: var(--Black7);

    /* —————————————————————————————— 悬浮 —————————————————————————————— */
    &:not(:empty):hover {
      box-shadow: 0px 3px 16px 0px rgba(255, 255, 255, 0.3);
      background: var(--Black7);
    }
  }
}
